.home-container {
	width: 100vw;
	padding: 0rpx 0rpx 0rpx;
	background-color: #F1F2F7;
	.box {
		width: 150rpx;
		height: 100rpx;
		line-height: 100rpx;
		background-color: #3c9cff;
	}
	.maintenance-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 0 25rpx;
		.function {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			img {
				width: 100rpx;
				height: 100rpx;
			}
			.name {
				height: 45rpx;
				line-height: 45rpx;
				font-size: 26rpx;
				margin-top: 15rpx;
				color: #333333;
				font-family: PingFang SC;
			}
		}
	}
	.repair-container {
		height: 360rpx;
		.need-to-repair {
			position: relative;
			image {
				width: 340rpx;
				height: 360rpx;
			}
			.name1 {
				position: absolute;
				color: #7468F5;
				top: 45rpx;
				left: 35rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				z-index: 99;
			}
			.toSee-container {
				position: absolute;
				width: 200rpx;
				height: 60rpx;
				top: 110rpx;
				left: 35rpx;
				background-color: #ffffff;
				border-radius: 20px;
				.name2 {
					width: 120rpx;
					height: 60rpx;
					line-height: 60rpx;
					color: #7468F5;
					font-size: 28rpx;
					margin-left: 25rpx;
				}
				.circle {
					width: 35rpx;
					height: 35rpx;
					background-color: #7468F5;
					border-radius: 50%;
					color: #ffffff;
					image {
						margin-left: 5rpx;
						width: 22rpx;
						height: 22rpx;
					}
				}

			}
		}
		.has-get-order {
			position: relative;
			image {
				width: 340rpx;
				height: 165rpx;
			}
			.name1 {
				position: absolute;
				top: 40rpx;
				left: 35rpx;
				color: #F88C35;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				z-index: 99;
			}
			.name2 {
				position: absolute;
				top: 86rpx;
				left: 35rpx;
				color: #F88C35;
				font-size: 28rpx;
				font-family: PingFang SC;
			}
		}
		.on-going {
			position: relative;
			image {
				width: 340rpx;
				height: 165rpx;
			}
			.name1 {
				position: absolute;
				top: 40rpx;
				left: 35rpx;
				color: #FF6272;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				z-index: 99;
			}
			.name2 {
				position: absolute;
				top: 86rpx;
				left: 35rpx;
				color: #FF6272;
				font-size: 28rpx;
				font-family: PingFang SC;
			}
		}

	}
	.other-container {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		.function {
			img {
				width: 100rpx;
				height: 90rpx;
			}
			.name {
				height: 45rpx;
				line-height: 45rpx;
				font-size: 26rpx;
				color: #333333;
				font-family: PingFang SC;
			}
		}
	}
}


.head-right {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	img {
		width: 30rpx;
		height: 30rpx;
	}
	.name {
		height: 35rpx;
		line-height: 35rpx;
		margin-left: 15rpx;
		font-size: 28rpx;
		color: #1D7AD8;
		font-weight: 500;
	}
}
